<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>JS编写位置</title>
    <script type="text/javascript">
        alert('这是script标签中的代码')
    </script>
    <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <!-- 
        可以将JS代码编写到标签的onclick属性中，
        当点击按钮时，JS代码才会执行

        虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用
     -->
    <button onclick="alert('button按钮被点击了~~~');">点我一下</button>

    <!-- 
        可以将JS代码写到a标签的href属性中，这样当点击超链接时，会执行JS代码
    -->
    <a href="javascript:alert('a标签被点击了');">点我一下</a>
    <a href="javascript:;">点我一下</a>

</body>
</html>